@import '~antd/es/style/variable.less';

.settingContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  :global {
    .ant-tabs {
      height: 100%;
      .ant-tabs-nav-list {
        padding-left: 12px;
        .ant-tabs-tab {
          padding: 6px 0;
        }
      }
      .ant-tabs-content-holder {
        padding: 0 12px 12px;
        overflow-y: auto;
      }
    }
  }
  .settingContainerContent {
    display: flex;
    flex-direction: column;
    .tabControl {
      margin-bottom: 16px;
      .tabControlList {
        .tabControlListItem {
          display: flex;
          flex-direction: row;
          align-items: center;
          margin: 2px 0;
          > span:first-child {
            color: @btn-danger-bg;
            cursor: pointer;
          }
          &:first-child:before {
            width: 14px;
            content: '';
          }
        }
        > button:last-child {
          margin-top: 6px;
        }
      }
    }
    .styleControl {
      margin-bottom: 16px;
    }
    .sizeControl {
      margin-bottom: 16px;
    }
    .positionControl {
      margin-bottom: 16px;
    }
  }
}
